* {
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

html {
  font-size: 100%;
}

body {
  font: 400 18px/1.6 $text-font-family;
  background-color: $background-color;
  background-image: url('../img/subtle_back.jpg');
  color: $text-color;
  line-height: 1.5;

  @include breakpoint(xx-large) {
    font-size: 16px;
  }
  @include breakpoint(medium) {
    font-size: 14px;
  }
}
